<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/6/25
  Time: 下午 06:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<%--<!--[if IE 7]><html lang="en" class="ie7"><![endif]-->--%>
<%--<!--[if IE 8]><html lang="en" class="ie8"><![endif]-->--%>
<%--<!--[if IE 9]><html lang="en" class="ie9"><![endif]-->--%>
<%--<!--[if (gt IE 9)|!(IE)]><html lang="en"><![endif]-->--%>
<%--<!--[if !IE]><html lang="en"><![endif]-->--%>
<head>
  <meta charset="utf-8">
  <script src="${pageContext.request.contextPath}/static/js/modernizr.js"></script>

  <title>随便公司</title>

  <meta name="robots" content="noindex, nofollow">
  <meta name="description" content="The description of your website">
  <meta name="keywords" content="the, website, keywords">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

  <!-- Fonts -->
  <link href='static/css/css.css' rel='stylesheet' type='text/css'>
  <link href='static/css/css1.css' rel='stylesheet' type='text/css'>

  <!-- Essential stylesheets -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/font-awesome.min.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/magnific-popup.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/bxslider.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/owl.carousel.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/owl.theme.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/base.css">

  <!-- The stylesheet -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/style.css">

  <!--[if lt IE 9]
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  [endif]-->
</head>


<body>


<!-- Top of the page -->
<div id="top"></div>


<!-- Top bar -->
<div class="top-bar tb-large tb-transp">
  <div class="row">
    <div class="twelve col">


      <!-- Symbolic or typographic logo -->
      <div class="tb-logo">
        <a href="#home" class="scrollto"><img src="${pageContext.request.contextPath}/static/picture/logo.png" alt="logo"></a>
        <h1><a href="#home" class="scrollto">随便公司</a></h1>
      </div>


      <!-- Menu toggle -->
      <input type="checkbox" id="toggle">
      <label for="toggle" class="toggle"></label>


      <!-- Menu items -->
      <nav class="menu">
        <ul>
          <li><a href="#home" class="scrollto">主页</a></li>
          <li><a href="#work" class="scrollto">工作</a>
          <li><a href="#services" class="scrollto">服务</a></li>
          <li><a href="#process" class="scrollto">过程</a></li>
          <li><a href="#about" class="scrollto">关于我们</a></li>
          <li><a href="#contact" class="scrollto">联系我们</a></li>
        </ul>
      </nav>


    </div>
  </div>
</div>




<!-- 主页 背景和内容滑块 -->
<section id="home" class="home">
  <ul class="home-bgc-slider">
    <li>
      <div class="header large bg-img fixed background-one">
        <div class="header-inner">
          <!-- Content -->
          <h2 class="bigtext text-white uber mb0">随便公司</h2>
          <h6 class="serif bigtext text-white">会是你最喜欢的创意机构</h6>
          <a class="scrollto btn outline light grid-mt grid-ms" href="#intro"> 去体验更多 </a>
          <a class="popup-vimeo btn white grid-mt grid-ms" href="javascript:;"><i class="fa fa-play"></i> 公司宣传视频</a>
        </div>
      </div>
    </li>
    <!-- Slide -->
    <li>
      <div class="header large bg-img background-one">
        <div class="header-inner">
          <h2 class="bigtext text-white uber mb0">体验美好的事物</h2>
          <h6 class="serif bigtext text-white">我们手工制作的东西,每一个像素都注入灵魂</h6>
          <a class="scrollto btn outline light grid-mt" href="#services">我们的服务</a>
        </div>
      </div>
    </li>


    <!-- Slide -->
    <li>
      <div class="header large bg-img background-two">
        <div class="header-inner">
          <h2 class="bigtext text-white uber mb0">你隔壁的公司</h2>
          <h6 class="serif bigtext text-white">我们在全球各地工作</h6>
          <a class="scrollto btn outline light grid-mt" href="#about">更多关于我们</a>
        </div>
      </div>
    </li>


    <!-- Slide -->
    <li>
      <div class="header large bg-img background-three">
        <div class="header-inner">
          <h2 class="bigtext text-white uber mb0">我们想和你合作</h2>
          <h6 class="serif bigtext text-white">你心中有什么计划吗?我们只需要点击一下!</h6>
          <a class="scrollto btn outline light grid-mt" href="#contact">和我们联系吧</a>
        </div>
      </div>
    </li>


  </ul>
</section>




<!-- Introduction -->
<section id="intro" class="intro">


  <!-- Introduction text -->
  <div class="row">
    <div class="eight col center text-center">
      <h3 class="uber"><span class="serif">随便公司是一个</span>完美<span class="serif">的团队</span><br>
        <span class="serif"> 我们秉承着 </span>我是甲方的爸爸<span class="serif">,</span>甲方不停的在犬吠<span class="serif"></span> 的战略 <br><span class="serif">还有我们的愿景:</span> 效率 <span class="serif">&热情</span></h3>
    </div>
  </div>


  <!-- Icon navigation -->
  <div class="row equal">


    <!-- Icon -->
    <div class="three col medium-three col small-six col">
      <div class="icon-nav">
        <a href="#work" class="scrollto">
          <i class="fa fa-briefcase"></i>
          <b>我们的工作</b>
          <em>到目前为止我们做了什么</em>
        </a>
      </div>
    </div>


    <!-- Icon -->
    <div class="three col medium-three col small-six col">
      <div class="icon-nav">
        <a href="#services" class="scrollto">
          <i class="fa fa-star-o"></i>
          <b>我们的服务</b>
          <em>我们能为您做什么</em>
        </a>
      </div>
    </div>


    <!-- Icon -->
    <div class="three col medium-three col small-six col">
      <div class="icon-nav">
        <a href="#about" class="scrollto">
          <i class="fa fa-thumbs-o-up"></i>
          <b>关于我们</b>
          <em>来见见我们的成员</em>
        </a>
      </div>
    </div>


    <!-- Icon -->
    <div class="three col medium-three col small-six col">
      <div class="icon-nav">
        <a href="#contact" class="scrollto">
          <i class="fa fa-envelope-o"></i>
          <b>联系我们</b>
          <em>让我们保持联系</em>
        </a>
      </div>
    </div>


  </div>
</section>




<!-- 工作 -->
<section id="work" class="work section-slider">


  <!-- Title -->
  <div class="row title">
    <h2>工作</h2>
    <hr>
  </div>


  <!-- 工作 slider -->
  <div class="row relative">
    <div class="owlcarousel work-slider">


      <!-- 工作 item -->
      <div class="grid-ms">
        <div class="overlay-item">
          <a class="popup-vimeo" href="javascript:;">
							<span class="o-hover">
								<span>
									<i class="fa fa-film fa-2x"></i>
								</span>
							</span>
            <img src="${pageContext.request.contextPath}/static/picture/portfolio-thumb-1.jpg" alt="portfolio-thumb-1" class="responsive-img">
          </a>
        </div>
        <div class="e-info">
          <h3>热情工作</h3>
          <p>视频弹出</p>
        </div>
      </div>


      <!-- 工作 item -->
      <div class="grid-ms">
        <div class="overlay-item">
          <a class="popup-youtube" href="javascript:;">
							<span class="o-hover">
								<span>
									<i class="fa fa-film fa-2x"></i>
								</span>
							</span>
            <img src="${pageContext.request.contextPath}/static/picture/portfolio-thumb-2.jpg" alt="portfolio-thumb-2" class="responsive-img">
          </a>
        </div>
        <div class="e-info">
          <h3>Early coffee</h3>
          <p>YouTube Popup</p>
        </div>
      </div>


      <!-- 工作 item -->
      <div class="grid-ms">
        <div class="overlay-item">
          <a class="popup" href="${pageContext.request.contextPath}/files/portfolio-detail-3.jpg">
							<span class="o-hover">
								<span>
									<i class="fa fa-search fa-2x"></i>
								</span>
							</span>
            <img src="${pageContext.request.contextPath}/static/picture/portfolio-thumb-3.jpg" alt="portfolio-thumb-3" class="responsive-img">
          </a>
        </div>
        <div class="e-info">
          <h3>Untitled</h3>
          <p>Simple Popup</p>
        </div>
      </div>


      <!-- 工作 item -->
      <div class="grid-ms">
        <div class="overlay-item">
          <a class="popup-gallery" href="${pageContext.request.contextPath}/files/portfolio-detail-4.jpg">
							<span class="o-hover">
								<span>
									<i class="fa fa-image fa-2x"></i>
								</span>
							</span>
            <img src="${pageContext.request.contextPath}/static/picture/portfolio-thumb-4.jpg" alt="portfolio-thumb-4" class="responsive-img">
          </a>
        </div>
        <div class="e-info">
          <h3>One gear only</h3>
          <p>Gallery Popup</p>
        </div>
      </div>


      <!-- 工作 item -->
      <div class="grid-ms">
        <div class="overlay-item">
          <a class="popup" href="${pageContext.request.contextPath}/files/portfolio-detail-5.jpg">
							<span class="o-hover">
								<span>
									<i class="fa fa-search fa-2x"></i>
								</span>
							</span>
            <img src="${pageContext.request.contextPath}/static/picture/portfolio-thumb-5.jpg" alt="portfolio-thumb-5" class="responsive-img">
          </a>
        </div>
        <div class="e-info">
          <h3>Land of the lost</h3>
          <p>Photography</p>
        </div>
      </div>


      <!-- 工作 item -->
      <div class="grid-ms">
        <div class="overlay-item">
          <a class="popup-gallery" href="${pageContext.request.contextPath}/files/portfolio-detail-6.jpg">
							<span class="o-hover">
								<span>
									<i class="fa fa-image fa-2x"></i>
								</span>
							</span>
            <img src="${pageContext.request.contextPath}/static/picture/portfolio-thumb-6.jpg" alt="portfolio-thumb-6" class="responsive-img">
          </a>
        </div>
        <div class="e-info">
          <h3>Venice Beach</h3>
          <p>Gallery Popup</p>
        </div>
      </div>


    </div>


    <!-- Controls for the work slider -->
    <a class="work-prev oc-left"><i class="fa fa-angle-left"></i></a>
    <a class="work-next oc-right"><i class="fa fa-angle-right"></i></a>


  </div>
</section>




<!-- Call to action -->
<section class="cta bg-img fixed background-four">
  <div class="row">
    <div class="twelve col text-center">
      <h3 class="uber text-white"><span class="serif">到目前为止</span>您喜欢<span class="serif">我们的工作吗</span><br>
        <span class="serif">让我们来谈谈</span> 你的项目吧 <span class="serif">!</span></h3>
      <a href="#contact" class="scrollto btn outline light">与我们联系</a>
    </div>
  </div>
</section>




<!-- 服务 -->
<section id="services" class="services section-slider">


  <!-- Title -->
  <div class="row title">
    <h2>服务</h2>
    <hr>
  </div>


  <!-- 服务 slider -->
  <div class="row relative">
    <div class="owlcarousel services-slider">


      <!-- Service item -->
      <div class="grid-ms">
        <div class="service-item">
          <i class="fa fa-star-o"></i>
          <h3>品牌</h3>
          <p class="subline">形象就是一切</p>
          <hr>
          <ul>
            <li>从logo到广告牌</li>
            <li>包括自定义字体</li>
            <li>都是假的</li>
          </ul>
          <p class="serif mb0">799元起</p>
          <a class="arrow-link scrollto" href="#contact">联系我们</a>
        </div>
      </div>


      <!-- Service item -->
      <div class="grid-ms">
        <div class="service-item">
          <i class="fa fa-cubes"></i>
          <h3>设计</h3>
          <p class="subline">定制 &amp; 手工制作</p>
          <hr>
          <ul>
            <li>从传单到网站</li>
            <li>给你带来不一样的体验</li>
            <li>也是假的</li>
          </ul>
          <p class="serif mb0">$49元起 / 小时</p>
          <a class="arrow-link scrollto" href="#contact">联系我们</a>
        </div>
      </div>


      <!-- Service item -->
      <div class="grid-ms">
        <div class="service-item">
          <i class="fa fa-keyboard-o"></i>
          <h3>发展</h3>
          <p class="subline">敏捷和强大</p>
          <hr>
          <ul>
            <li>从村里走进村里</li>
            <li>零后退保证</li>
            <li>送免费冰激凌</li>
          </ul>
          <p class="serif mb0">$10元 / <s>根&nbsp;</s> 小时</p>
          <a class="arrow-link scrollto" href="#contact">联系我们</a>
        </div>
      </div>

      <!-- Service item -->
      <div class="grid-ms">
        <div class="service-item">
          <i class="fa fa-pencil"></i>
          <h3>插图</h3>
          <p class="subline"><s>可以瑟瑟&nbsp;</s>正经玩意儿</p>
          <hr>
          <ul>
            <li>从草图到<s>本子&nbsp;</s>漫画书</li>
            <li>简单或写实的风格</li>
            <li>供您选择</li>
          </ul>
          <p class="serif mb0">$49 元起 / 小时</p>
          <a class="arrow-link scrollto" href="#contact">联系我们</a>
        </div>
      </div>


      <div class="grid-ms">
        <div class="service-item">
          <i class="fa fa-camera-retro"></i>
          <h3>摄影</h3>
          <p class="subline">我们喜欢的事情</p>
          <hr>
          <ul>
            <li>最优秀的剪辑师后期师</li>
            <li>超过上百万张照片的经验</li>
            <li>有点贵但是体验也不好</li>
          </ul>
          <p class="serif mb0">¥49999 / 天 起</p>
          <a class="arrow-link scrollto" href="#contact">与我们联系</a>
        </div>
      </div>


    </div>


    <!-- Controls for the services slider -->
    <a class="serv-prev oc-left"><i class="arrow-control fa fa-angle-left"></i></a>
    <a class="serv-next oc-right"><i class="arrow-control fa fa-angle-right"></i></a>


  </div>
</section>




<!-- Process -->
<section id="process" class="process">


  <!-- Title -->
  <div class="row title title-light">
    <h2>过程</h2>
    <hr>
  </div>


  <!-- Process items -->
  <div class="row equal">


    <!-- Process item -->
    <div class="three col medium-six col small-twelve col">
      <div class="icon-circle">
        <i class="fa fa-comments"></i>
        <h3 class="h6 uber mb0 text-white">1. 连接</h3>
        <p>这一切都始于讨论您的项目以及使您的项目取得成功的想法.</p>
      </div>
    </div>


    <!-- Process item -->
    <div class="three col medium-six col small-twelve col">
      <div class="icon-circle">
        <i class="fa fa-cubes"></i>
        <h3 class="h6 uber mb0 text-white">2. 设计</h3>
        <p>素描、线框图和设计。我们始终让您了解我们取得的进展。</p>
      </div>
    </div>


    <!-- Process item -->
    <div class="three col medium-six col small-twelve col">
      <div class="icon-circle">
        <i class="fa fa-cogs"></i>
        <h3 class="h6 uber mb0 text-white">3. 发展</h3>
        <p>我们确保这些东西真正为全球每一位客户服务。</p>
      </div>
    </div>


    <!-- Process item -->
    <div class="three col medium-six col small-twelve col">
      <div class="icon-circle">
        <i class="fa fa-refresh"></i>
        <h3 class="h6 uber mb0 text-white">4. 坚持下去</h3>
        <p>我们确保让您的项目保持正常运行，并不断思考新策略。</p>
      </div>
    </div>


  </div>
</section>




<!-- 关于我们 -->
<section id="about" class="about section-slider">


  <!-- Title -->
  <div class="row title">
    <h2>关于我们</h2>
    <hr>
  </div>


  <!-- Content -->
  <div class="row">
    <div class="twelve col text-left">


      <!-- Header image -->
      <img src="${pageContext.request.contextPath}/static/picture/header-about.jpg" alt="header-about" class="responsive-img">


      <!-- Text -->
      <div class="bg-white bg-padding">
        <div class="row">
          <div class="three col offset-by-two">
            <h3 class="uber">我们并没有与其他人有太大不同</h3>
          </div>
          <div class="five col">
            <p>事实上，我们只是一群友好、勤奋的人，他们喜欢为我们了不起的客户创造美丽的东西。 不要犹豫 <a href="#contact" class="underline scrollto">与我们联系</a> 如果你认为我们应该帮你完成你的新项目。</p>
            <p>不过我劝我们的甲方，出于对你们生命安全的情况考虑，请不要对我们的项目指手画脚</p>
          </div>
        </div>
      </div>


    </div>
  </div>


  <!-- Quote slider -->
  <div class="row">
    <div class="twelve col text-center qs-wrap">
      <div class="bg-white bg-padding">
        <div class="row">
          <div class="eight col offset-by-two">
            <ul class="quote-slider">


              <!-- Quote -->
              <li>
                <h3 class="uber">随便公司 <span class="serif">并不是典型的</span>泛泛而谈的公司。<span class="serif">他们是</span> 诚实、勤奋 <span class="serif">的人，他们只</span> 做事情 <span class="serif">而不是</span> 空谈 <span class="serif">。</span></h3>
                <p>XYWANG -  <em>随便公司CEO</em></p>
              </li>


              <!-- Quote -->
              <li>
                <h3 class="uber">随便公司<span class="serif">的工作人员为我们的</span>新网站<span class="serif">做了一个</span>非常棒的工作<span class="serif">。</span></h3>
                <p>李狗剩 - <em>家里蹲传媒公司</em></p>
              </li>


              <!-- Quote -->
              <li>
                <h3 class="uber"><span class="serif">对一件 </span>设计作品<span class="serif"> 有三种反应:是，不是，</span>哇!<span class="serif"> 哇 就是我们的</span> 目标<span class="serif">。</span></h3>
                <p>XYWANG -  <em>随便公司CEO</em></p>
              </li>


            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>


  <!-- Employee slider -->
  <div class="row relative">
    <div class="owlcarousel employee-slider grid-mt">


      <!-- Employee -->
      <div class="grid-ms">
        <div class="overlay-item">
						<span class="o-hover">
							<span>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-linkedin"></i></a>
								<a href="#"><i class="fa fa-envelope-o"></i></a>
							</span>
						</span>
          <img src="${pageContext.request.contextPath}/static/picture/狗子指人.png" alt="employee-1" class="responsive-img">
        </div>
        <div class="e-info">
          <h3>XYWANG</h3>
          <p>CEO &amp; 创始人</p>
        </div>
      </div>


      <!-- Employee -->
      <div class="grid-ms">
        <div class="overlay-item">
						<span class="o-hover">
							<span>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-envelope-o"></i></a>
							</span>
						</span>
          <img src="${pageContext.request.contextPath}/static/picture/狗子柴.png" alt="employee-2" class="responsive-img">
        </div>
        <div class="e-info">
          <h3>cheems</h3>
          <p>顶级人才</p>
        </div>
      </div>


      <!-- Employee -->
      <div class="grid-ms">
        <div class="overlay-item">
						<span class="o-hover">
							<span>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-github"></i></a>
								<a href="#"><i class="fa fa-envelope-o"></i></a>
							</span>
						</span>
          <img src="${pageContext.request.contextPath}/static/picture/head.jpg" alt="employee-3" class="responsive-img">
        </div>
        <div class="e-info">
          <h3>职位空缺</h3>
          <p>职位空缺,招募人才</p>
        </div>
      </div>


      <!-- Employee -->
      <div class="grid-ms">
        <div class="overlay-item">
						<span class="o-hover">
							<span>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-flickr"></i></a>
								<a href="#"><i class="fa fa-envelope-o"></i></a>
							</span>
						</span>
          <img src="${pageContext.request.contextPath}/static/picture/head.jpg" alt="employee-4" class="responsive-img">
        </div>
        <div class="e-info">
          <h3>职位空缺</h3>
          <p>职位空缺,招募人才</p>
        </div>
      </div>


      <!-- Employee -->
      <div class="grid-ms">
        <div class="overlay-item">
						<span class="o-hover">
							<span>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-dribbble"></i></a>
								<a href="#"><i class="fa fa-envelope-o"></i></a>
							</span>
						</span>
          <img src="${pageContext.request.contextPath}/static/picture/head.jpg" alt="employee-5" class="responsive-img">
        </div>
        <div class="e-info">
          <h3>职位空缺</h3>
          <p>职位空缺,招募人才</p>
        </div>
      </div>


      <!-- Employee -->
      <div class="grid-ms">
        <div class="overlay-item">
						<span class="o-hover">
							<span>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope-o"></i></a>
							</span>
						</span>
          <img src="${pageContext.request.contextPath}/static/picture/head.jpg" alt="employee-6" class="responsive-img">
        </div>
        <div class="e-info">
          <h3>职位空缺</h3>
          <p>职位空缺,招募人才</p>
        </div>
      </div>


    </div>


    <!-- Controls for the employee slider -->
    <a class="emp-prev oc-left"><i class="arrow-control fa fa-angle-left"></i></a>
    <a class="emp-next oc-right"><i class="arrow-control fa fa-angle-right"></i></a>


  </div>
</section>




<!-- 联系我们 -->
<section id="contact" class="contact">


  <!-- Title -->
  <div class="row title">
    <h2>联系我们</h2>
    <hr>
  </div>


  <div class="row">


    <!-- 联系我们 form -->
    <div class="six col offset-by-one">


      <!-- Succes message after sending the form, see also the php file around line 90 -->
      <div id="message" class="c-message"></div>


      <!-- Form -->
      <form method="post" action="${pageContext.request.contextPath}/contactUs" name="contactform" id="contactform" class="form form-stacked c-form">
        <fieldset>
          <input name="name" type="text" id="name" placeholder="你的名字">
          <input name="email" type="text" id="email" placeholder="你的邮箱">
          <textarea name="comments" id="comments" placeholder="想要咨询的信息"></textarea>
          <input name="verify" type="text" id="verify" size="4" value="" placeholder="3 + 1 =">
          <input type="submit" class="submit btn outline" id="submit" value="发送信息">
        </fieldset>
      </form>
    </div>


    <!-- 联系我们 details -->
    <div class="four col text-left">


      <h3 class="h6 uber mb0">让我们取得联系</h3>
      <p>想讨论一下你对新项目的想法还是只是想打个招呼?<br>很好，我们很想和你联系。请在旁边填写表格或通过下面的详细信息与我们联系。</p>


      <h3 class="h6 uber mb0">联系方式</h3>
      <address class="c-details">
        <!--<a href="javascript:;" target="new">-->
        <a href="javascript:;">
          <i class="fa fa-map-marker"></i>
          <span>北京市房山区<br>
						长阳镇朱岗子村</span>
        </a>
        <br>
        <a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=8cPGyMbIw8XHwsWxgIDfkp6c">
          <i class="fa fa-envelope-o"></i>
          <span>2797924634@qq.com</span>
        </a>
        <br>
        <a href="tel:13644841808">
          <i class="fa fa-phone"></i>
          <span>13644841808</span>
        </a>
      </address>
    </div>


  </div>
</section>




<!-- Back to top -->
<div class="back-top-wrap">
  <a href="#top" class="scrollto"><i class="back-top fa fa-chevron-up"></i></a>
</div>




<!-- Social footer -->
<footer class="social-footer">
  <div class="row">
    <div class="twelve col sf-icons">
      <a href="#"><i class="fa fa-twitter"></i></a>
      <a href="#"><i class="fa fa-facebook"></i></a>
      <a href="#"><i class="fa fa-google-plus"></i></a>
      <a href="#"><i class="fa fa-dribbble"></i></a>
      <p class="uber">联系我们吧</p>
    </div>
  </div>
</footer>




<!-- Footer -->
<footer class="footer">
  <div class="row">
    <div class="twelve col">
      <p>版权 &copy; 2022.公司名称保留所有权利.</p>
    </div>
  </div>
</footer>




<!-- Hidden promo control -->
<div class="promo-control"><a>You might want to read this</a></div>


<!-- Hidden promo -->
<section class="footer-promo">
  <div class="row">
    <div class="eight col center">
      <h3 class="h6 uber text-white mb0">Get 15% discount on your new project!</h3>
      <p>Enter 'footer promo' anywhere in <a href="#contact" class="scrollto inverted underline">your message</a> towards us and get a 15% discount on your new project.</p>
      <p><a href="javascript:;" target="blank" class="btn btn outline light">Get 随便公司 Today</a></p>
    </div>
  </div>
</section>




<!-- Javascript -->
<script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/retina.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery.magnific-popup.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery.bxslider.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/owl.carousel.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery.fitvids.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery.equal.js"></script>
<script src="${pageContext.request.contextPath}/static/js/main.js"></script>


</body>
</html>
